// 1. 导入页面所需依赖资源（React核心、UI组件、工具函数等）
import React from 'react';
import { Card, Tabs } from 'antd';
import TunnelLenthCard from './tunnelcard/TunnelAlignmentCard';
import TunnelMaterialStatistic from './tunnelcard/TunnelSurroundingRockLenthCard';
import TunnelDepthCard from './tunnelcard/TunnelDepthTypeCard';
import TunnelSurroundingRockLenthCard from './tunnelcard/TunnelSurroundingRockLenthCard';
import TunnelEntranceExitElevationCard from './tunnelcard/TunnelEntranceExitElevationCard';

const { TabPane } = Tabs;

// 2. 定义页面组件
const TunnelStatistic: React.FC = () => {
  return (
    <Tabs defaultActiveKey="1">
      <TabPane tab="隧道计算" key="1"> 
        <Tabs defaultActiveKey="11"> 
          <TabPane tab="隧道工程量计算" key="11"> 
            <Card title="隧道工程量计算">
              <TunnelLenthCard />
              <TunnelEntranceExitElevationCard />
              <TunnelDepthCard />
            </Card>
          </TabPane>
          <TabPane tab="隧道衬砌长度统计" key="12"> 
            <Card title="隧道衬砌长度统计">
              <TunnelSurroundingRockLenthCard />
            </Card>
          </TabPane>

        </Tabs>
        <TabPane tab="隧道属性计算" key="2">
          <Card title="隧道属性计算">
            <TunnelLenthCard />
            <TunnelDepthCard />
          </Card>
        </TabPane>

      </TabPane>
      <TabPane tab="材料统计" key="3"> 
        <Card title="材料统计">
          <TunnelMaterialStatistic />
        </Card>
      </TabPane>
    </Tabs>

    
  );
};

export default TunnelStatistic;

